<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta HTTP-EQUIV="Pragma" CONTENT="no-cache">
		<meta HTTP-EQUIV="Expires" CONTENT="-1">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>个人设置</title>
		<link rel="shortcut icon" href="img/favicon.ico" />
		<link rel="bookmark" href="img/favicon.ico" type="image/x-icon" 　/>
		<link rel="stylesheet" type="text/css" href="css/common.css" />
			<link rel="stylesheet" type="text/css" href="css/page.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		
	</head>
	<body>
		<!--头部-->
		<div class="head clearfix">
			<div class="width1200">
				<div class="left">
					<a href="index.html"><img width="200" class="" src="img/logo.png"/></a>
				</div>
				<div class="left">
					<ul class="clearfix top-nav relative">
						<li class="nav-li">
							<a href="javascript:;">音乐单曲</a>
							<ul class="nav-list absolute">
								<li><a href="song-classify.html" class="active">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
							</ul>
						</li>
						<li class="nav-li">
							<a href="index-DV.html">DVJ视频</a>
							
						</li>
						<li class="nav-li">
							<a href="song-spun.html">串烧</a>
							
						</li>
						<li class="nav-li">
							<a href="index-taoqu.html">套曲</a>
							
						</li>
						<li ><a href="index-music-man.html">音乐人</a></li>
						<li><a href="mall.html">商城</a></li>
						<li><a href="index-information.html">资讯</a></li>
					</ul>
				</div>	
				<div class="right">
					<div class="right padding_lr10 text-center my-box">
						<img class="vertical-align_m icon-my" src="img/icon-my.png" alt="" />
						<br />
						<img class=" vertical-align_m" src="img/vip.png"/><span class="color_ff ">100金币</span>
						<span class="relative">
							<ul class="absolute login-style my-list">
								<li><a href="my.html"><img src="img/iconmy-01.png"/>我的主页</a></li>
								<li><a href="my-news.html"><img src="img/iconmy-02.png"/>我的消息</a></li>
								<li class="vip-a"><a href="javascript:;" ><img src="img/iconmy-03.png"/>VIP会员</a></li>
								<li><a href="my-set.html"><img src="img/iconmy-04.png"/>个人设置</a></li>
								<li><a href="vip.html"><img src="img/iconmy-05.png"/>会员中心</a></li>
								<li><a href="javascript:;"><img src="img/iconmy-06.png"/>退出</a></li>
							</ul>
						</span>
					</div>
					<div class="right padding_tb10">
						<span class="relative top-secher">
							<input type="text" name=""  value="" placeholder="搜索音乐 、套曲" />
							<img class="absolute find-img" src="img/icon-find.png"/>
						</span>
					</div>
				</div>
			</div>
		</div>
		<div class="bg_ff">
    		<div class="width1200 ">
    			<div class="padding_tb10 bor_b mg_top20 font_18">个人设置</div>
    			<form action="" method="post" class="padding_10">
    				<div class="mg_top10 order-inp">
						<span>昵称：</span>
						<input type="text" name=""  value="" placeholder="请输入昵称" />
    					
    				</div>
    				<div class="mg_top10 order-inp">
    					<span>介绍：</span>
    					<textarea name="" rows="" cols="" placeholder="介绍介绍"></textarea>
    				</div>
    				<div class="mg_top10 order-inp sex-box">
    					<span>性别：</span>
    					<span class="radio-list">
    						<label for="man"> <img class="vertical-align_m mg_r10" src="img/rideo.png"/>男</label>
    						<input type="radio" name="sex" hidden="hidden" id="man" value="" />
    					</span>
    					<span class="radio-list">
    						<label for="woman"><img class="vertical-align_m mg_r10" src="img/rideo-select.png"/>女</label>
    						<input type="radio" name="sex" hidden="hidden" id="woman" value="" checked="checked" />
    					</span>
    				</div>
    				<div class="mg_top10 order-inp">
    					<span>生日：</span>
    					<span>
    						<select name="">
    							<option value="">2015</option>
    						</select>
    						年
    					</span>
    					<span>
    						<select name="">
    							<option value="">08</option>
    						</select>
    						月
    					</span>
    					<span>
    						<select name="">
    							<option value="">20</option>
    						</select>
    						日
    					</span>
    				</div>
    				<div class="mg_top10 order-inp">
    					<span>地址：</span>
    					<span>
    						<select name="">
    							<option value="">省</option>
    						</select>
    					</span>
    					<span>
    						<select name="">
    							<option value="">市</option>
    						</select>
    					</span>
    					<span>
    						<select name="">
    							<option value="">区</option>
    						</select>
    					</span>
    				</div>
    				<div class="mg_top10 order-inp">
						<span>地区：</span>
						<input type="text" name=""  value="" placeholder="请输入详细地址" />
    					
    				</div>
    				<div class="mg_top10 order-inp card">
    					<span>绑定提现账号：</span>
    					<span>
    						支付宝二维码上传：
    						<label for="pay-code">选择文件夹</label>
    						<input type="file" hidden="hidden" name="" id="pay-code" value="" />
    					</span>
    					<p style="padding-left: 100px;"><img width="100px" src="img/code-wechat.jpg"/></p>
    					<br />
    					<span class="mg_top10" style="padding-left: 100px;">
    						微信二维码上传：
    						<label for="wx-code">更换二维码</label>
    						<input type="file"hidden="hidden" name="" id="wx-code" value="" />
    					</span><br />
    					<p style="padding-left: 100px;"><img width="100px" src="img/code-wechat.jpg"/></p>
    					<span class="mg_top10" style="padding-left: 100px;">
    						添加银行卡：
    						<label for="" class="addcard">添加银行卡</label>
    						<!--<input type="file"hidden="hidden" name="" id="idcard" value="" />-->
    					</span>
    				</div>
    				<div class="mg_top40">
    					<a href="javascript:;" class="basic_a" style="padding: 5px 80px;margin-left: 150px;">保存</a>
    				</div>
    			</form>
    		</div>
    	</div>
    	<!--添加银行卡-->
    	<div class="mask card-box">
    		<h4 class="padding_10 text-center mask-tittle color_ff">添加银行卡</h4>
    		<div class=" mask-form">
	    		<form action="" method="post">
		    		<p class="inp-box mg_top10">
		    			<label for="">银行卡卡号：</label>
		    			<input type="number" name=""  value="" placeholder="请输入银行卡卡号" />
		    		</p>
		    		<p class="inp-box mg_top10">
		    			<label for="">持卡人姓名：</label>
		    			<input type="text" name=""  value="" placeholder="请输入持卡人姓名" />
		    		</p>
		    		<p class="inp-box mg_top10">
		    			<label for="">所属银行：</label>
		    			<select name="">
		    				<option value="">中国银行</option>
		    				<option value="">建设银行</option>
		    				<option value="">民生银行</option>
		    				<option value="">招商银行</option>
		    				<option value="">农业银行</option>
		    			</select>
		    		</p>
		    		<p class="mg_top20 text-center">
		    			<a href="javascript:;" class="basic_a">确定</a>
		    		</p>
		    	</form>	
	    	</div>
    	</div>
    	
	    
	    <div class="overlay"></div>
	    <script src="js/jquery-1.7.1.min.js" type="text/javascript" charset="utf-8"></script>
	    <script src="js/index.js" type="text/javascript" charset="utf-8"></script>
	    <script type="text/javascript">
	    	$(".goods-tab").on("click",'.cut',function(){
	    		var nums = $(this).siblings('input').val();
	    		nums--;
	    		if(nums<=1){
	    			nums=1
	    		}
	    		$(this).siblings('input').val(nums);
	    	})
	    	$(".goods-tab").on("click",'.add',function(){
	    		var nums = $(this).siblings('input').val();
	    		nums++;
	    		$(this).siblings('input').val(nums);
	    	})
	    	$(".addcard").click(function(){
	    		overy_show()
	    		$(".card-box").fadeIn(200);
	    	})
	    	
	    </script>
	</body>
</html>
